@import "lib/styles/variable.scss";

$border-radius: 6px;
.yui-collapse {
  padding: 0 $padding;
  border-radius: $radius;
  border: 1px solid $default-border-color;

  &-item {
    &:not(:first-child) {
      border-top: 1px solid $default-border-color;
    }
    .yui-collapse-item-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: $padding 0;
      cursor: pointer;
      .yui-collapse-item-title {
        color: $font-color-title;
        font-size: 16px;
        font-weight: $font-weight;
      }
      .yui-collapse-item-icon {
        transition: all 300ms;
      }
    }
    main {
      font-size: $font-size-default;
      color: $font-color-default;
      padding-bottom: 20px;
      line-height: 20px;
      animation: all 1s;
    }

    &:last-child {
      main {
        border: none;
      }
    }
  }
}
